import { PlaygroundItem } from "../../../../index";

export const playgroundData: PlaygroundItem[] = [
  {
    id: 1,
    title: "Basic",
    description: "简单的入门教程",
    category: "基础",
    subcategory: "响应式系统",
    slug: "basic",
  },
  {
    id: 2,
    title: "Component",
    description: "组件是什么？",
    category: "基础",
    subcategory: "响应式系统",
    slug: "component",
  },
  {
    id: 3,
    title: "状态",
    description: "状态的定义与修改",
    category: "基础",
    subcategory: "响应式系统",
    slug: "state",
  },
  {
    id: 4,
    title: "计算属性",
    description: "依赖于其他状态变量的表达式",
    category: "基础",
    subcategory: "响应式系统",
    slug: "computed",
  },
  {
    id: 5,
    title: "Watch",
    description: "监听系统，监听状态或计算值变化",
    category: "基础",
    subcategory: "响应式系统",
    slug: "watch",
  },
  {
    id: 6,
    title: "条件渲染",
    description: "按条件决定是否渲染组件",
    category: "基础",
    subcategory: "模板系统",
    slug: "conditional",
  },
  {
    id: 7,
    title: "列表渲染",
    description: "使用循环对组件列表进行渲染",
    category: "基础",
    subcategory: "模板系统",
    slug: "lists",
  },
  {
    id: 8,
    title: "事件处理",
    description: "处理用户点击等事件",
    category: "基础",
    subcategory: "模板系统",
    slug: "event-handling",
  },
  {
    id: 9,
    title: "生命周期",
    description: "OpenInula的生命周期钩子",
    category: "基础",
    slug: "lifecycle",
  },
];
